<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="true" %>
<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="x-ua-compatible" content="IE=Edge"/>
    <title>个人空间</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../static/at/20141028/dist/css/jquery.atwho.min.css" />
    <link rel="stylesheet" href="test.css" />
</head>
<body>
中文
<div class="container wrapper">
    <a id="github" href="https://github.com/ichord/At.js" target="_blank">[At.js]</a>

    <header>
        <h1>发表说说</h1>
    </header>
    <div id="main">
        <form id="form" action="testaction.jsp" method="post" accept-charset="utf-8" >
            <div>
                <textarea id="inputor" class="inputor" name="content"></textarea>
            </div>
            <button type="button" class="submit">提交</button>
        </form>

        <div id="list_content">

        </div>
    </div>

</div>
</body>
<script src="../../static/jquery/1.7.1/jquery-1.7.1.js"></script>
<script type="text/javascript" src="../../static/caret/20141028/dist/jquery.caret.min.js"></script>
<script type="text/javascript" src="../../static/at/20141028/dist/js/jquery.atwho.min.js"></script>
<script type="text/javascript" src="../../static/form/2.6.7/jquery.form.2.6.7-min.js"></script>
<script type="text/javascript" src="test.js"></script>
<script>
    $(function(){
        $('#form').ajaxForm({
            type:'post',
            cache:false,
            dataType: "html",
            resetForm:	false,
            contentType:"application/x-www-form-urlencoded; charset=utf-8",
            success: function(data){
                $("#list_content").append("<div>"+data+"</div>");
            }
        });

        $(".submit").click(function(){
            if($("#inputor").val()!=null){
                $('#form').submit();
            }
        });
    });
</script>
</html>


